.react-tel-input {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    position: relative;
    width: 100%
}

.react-tel-input :disabled {
    cursor: not-allowed
}

.react-tel-input .flag {
    width: 16px;
    height: 11px;
   
}

.react-tel-input .ad {
    background-position: -16px 0
}

.react-tel-input .ae {
    background-position: -32px 0
}

.react-tel-input .af {
    background-position: -48px 0
}

.react-tel-input .ag {
    background-position: -64px 0
}

.react-tel-input .ai {
    background-position: -80px 0
}

.react-tel-input .al {
    background-position: -96px 0
}

.react-tel-input .am {
    background-position: -112px 0
}

.react-tel-input .ao {
    background-position: -128px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .as {
    background-position: -160px 0
}

.react-tel-input .at {
    background-position: -176px 0
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .aw {
    background-position: -208px 0
}

.react-tel-input .az {
    background-position: -224px 0
}

.react-tel-input .ba {
    background-position: -240px 0
}

.react-tel-input .bb {
    background-position: 0 -11px
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input .be {
    background-position: -32px -11px
}

.react-tel-input .bf {
    background-position: -48px -11px
}

.react-tel-input .bg {
    background-position: -64px -11px
}

.react-tel-input .bh {
    background-position: -80px -11px
}

.react-tel-input .bi {
    background-position: -96px -11px
}

.react-tel-input .bj {
    background-position: -112px -11px
}

.react-tel-input .bm {
    background-position: -128px -11px
}

.react-tel-input .bn {
    background-position: -144px -11px
}

.react-tel-input .bo {
    background-position: -160px -11px
}

.react-tel-input .br {
    background-position: -176px -11px
}

.react-tel-input .bs {
    background-position: -192px -11px
}

.react-tel-input .bt {
    background-position: -208px -11px
}

.react-tel-input .bw {
    background-position: -224px -11px
}

.react-tel-input .by {
    background-position: -240px -11px
}

.react-tel-input .bz {
    background-position: 0 -22px
}

.react-tel-input .ca {
    background-position: -16px -22px
}

.react-tel-input .cd {
    background-position: -32px -22px
}

.react-tel-input .cf {
    background-position: -48px -22px
}

.react-tel-input .cg {
    background-position: -64px -22px
}

.react-tel-input .ch {
    background-position: -80px -22px
}

.react-tel-input .ci {
    background-position: -96px -22px
}

.react-tel-input .ck {
    background-position: -112px -22px
}

.react-tel-input .cl {
    background-position: -128px -22px
}

.react-tel-input .cm {
    background-position: -144px -22px
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .co {
    background-position: -176px -22px
}

.react-tel-input .cr {
    background-position: -192px -22px
}

.react-tel-input .cu {
    background-position: -208px -22px
}

.react-tel-input .cv {
    background-position: -224px -22px
}

.react-tel-input .cw {
    background-position: -240px -22px
}

.react-tel-input .cy {
    background-position: 0 -33px
}

.react-tel-input .cz {
    background-position: -16px -33px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .dj {
    background-position: -48px -33px
}

.react-tel-input .dk {
    background-position: -64px -33px
}

.react-tel-input .dm {
    background-position: -80px -33px
}

.react-tel-input .do {
    background-position: -96px -33px
}

.react-tel-input .dz {
    background-position: -112px -33px
}

.react-tel-input .ec {
    background-position: -128px -33px
}

.react-tel-input .ee {
    background-position: -144px -33px
}

.react-tel-input .eg {
    background-position: -160px -33px
}

.react-tel-input .er {
    background-position: -176px -33px
}

.react-tel-input .es {
    background-position: -192px -33px
}

.react-tel-input .et {
    background-position: -208px -33px
}

.react-tel-input .fi {
    background-position: -224px -33px
}

.react-tel-input .fj {
    background-position: -240px -33px
}

.react-tel-input .fk {
    background-position: 0 -44px
}

.react-tel-input .fm {
    background-position: -16px -44px
}

.react-tel-input .fo {
    background-position: -32px -44px
}

.react-tel-input .bl,
.react-tel-input .fr,
.react-tel-input .mf {
    background-position: -48px -44px
}

.react-tel-input .ga {
    background-position: -64px -44px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .gd {
    background-position: -96px -44px
}

.react-tel-input .ge {
    background-position: -112px -44px
}

.react-tel-input .gf {
    background-position: -128px -44px
}

.react-tel-input .gh {
    background-position: -144px -44px
}

.react-tel-input .gi {
    background-position: -160px -44px
}

.react-tel-input .gl {
    background-position: -176px -44px
}

.react-tel-input .gm {
    background-position: -192px -44px
}

.react-tel-input .gn {
    background-position: -208px -44px
}

.react-tel-input .gp {
    background-position: -224px -44px
}

.react-tel-input .gq {
    background-position: -240px -44px
}

.react-tel-input .gr {
    background-position: 0 -55px
}

.react-tel-input .gt {
    background-position: -16px -55px
}

.react-tel-input .gu {
    background-position: -32px -55px
}

.react-tel-input .gw {
    background-position: -48px -55px
}

.react-tel-input .gy {
    background-position: -64px -55px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .hn {
    background-position: -96px -55px
}

.react-tel-input .hr {
    background-position: -112px -55px
}

.react-tel-input .ht {
    background-position: -128px -55px
}

.react-tel-input .hu {
    background-position: -144px -55px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .ie {
    background-position: -176px -55px
}

.react-tel-input .il {
    background-position: -192px -55px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .io {
    background-position: -224px -55px
}

.react-tel-input .iq {
    background-position: -240px -55px
}

.react-tel-input .ir {
    background-position: 0 -66px
}

.react-tel-input .is {
    background-position: -16px -66px
}

.react-tel-input .it {
    background-position: -32px -66px
}

.react-tel-input .je {
    background-position: -144px -154px
}

.react-tel-input .jm {
    background-position: -48px -66px
}

.react-tel-input .jo {
    background-position: -64px -66px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .ke {
    background-position: -96px -66px
}

.react-tel-input .kg {
    background-position: -112px -66px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .ki {
    background-position: -144px -66px
}

.react-tel-input .xk {
    background-position: -128px -154px
}

.react-tel-input .km {
    background-position: -160px -66px
}

.react-tel-input .kn {
    background-position: -176px -66px
}

.react-tel-input .kp {
    background-position: -192px -66px
}

.react-tel-input .kr {
    background-position: -208px -66px
}

.react-tel-input .kw {
    background-position: -224px -66px
}

.react-tel-input .ky {
    background-position: -240px -66px
}

.react-tel-input .kz {
    background-position: 0 -77px
}

.react-tel-input .la {
    background-position: -16px -77px
}

.react-tel-input .lb {
    background-position: -32px -77px
}

.react-tel-input .lc {
    background-position: -48px -77px
}

.react-tel-input .li {
    background-position: -64px -77px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .lr {
    background-position: -96px -77px
}

.react-tel-input .ls {
    background-position: -112px -77px
}

.react-tel-input .lt {
    background-position: -128px -77px
}

.react-tel-input .lu {
    background-position: -144px -77px
}

.react-tel-input .lv {
    background-position: -160px -77px
}

.react-tel-input .ly {
    background-position: -176px -77px
}

.react-tel-input .ma {
    background-position: -192px -77px
}

.react-tel-input .mc {
    background-position: -208px -77px
}

.react-tel-input .md {
    background-position: -224px -77px
}

.react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

.react-tel-input .mg {
    background-position: 0 -88px
}

.react-tel-input .mh {
    background-position: -16px -88px
}

.react-tel-input .mk {
    background-position: -32px -88px
}

.react-tel-input .ml {
    background-position: -48px -88px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .mn {
    background-position: -80px -88px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .mp {
    background-position: -112px -88px
}

.react-tel-input .mq {
    background-position: -128px -88px
}

.react-tel-input .mr {
    background-position: -144px -88px
}

.react-tel-input .ms {
    background-position: -160px -88px
}

.react-tel-input .mt {
    background-position: -176px -88px
}

.react-tel-input .mu {
    background-position: -192px -88px
}

.react-tel-input .mv {
    background-position: -208px -88px
}

.react-tel-input .mw {
    background-position: -224px -88px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .mz {
    background-position: -16px -99px
}

.react-tel-input .na {
    background-position: -32px -99px
}

.react-tel-input .nc {
    background-position: -48px -99px
}

.react-tel-input .ne {
    background-position: -64px -99px
}

.react-tel-input .nf {
    background-position: -80px -99px
}

.react-tel-input .ng {
    background-position: -96px -99px
}

.react-tel-input .ni {
    background-position: -112px -99px
}

.react-tel-input .bq,
.react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .no {
    background-position: -144px -99px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .nr {
    background-position: -176px -99px
}

.react-tel-input .nu {
    background-position: -192px -99px
}

.react-tel-input .nz {
    background-position: -208px -99px
}

.react-tel-input .om {
    background-position: -224px -99px
}

.react-tel-input .pa {
    background-position: -240px -99px
}

.react-tel-input .pe {
    background-position: 0 -110px
}

.react-tel-input .pf {
    background-position: -16px -110px
}

.react-tel-input .pg {
    background-position: -32px -110px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .pl {
    background-position: -80px -110px
}

.react-tel-input .pm {
    background-position: -96px -110px
}

.react-tel-input .pr {
    background-position: -112px -110px
}

.react-tel-input .ps {
    background-position: -128px -110px
}

.react-tel-input .pt {
    background-position: -144px -110px
}

.react-tel-input .pw {
    background-position: -160px -110px
}

.react-tel-input .py {
    background-position: -176px -110px
}

.react-tel-input .qa {
    background-position: -192px -110px
}

.react-tel-input .re {
    background-position: -208px -110px
}

.react-tel-input .ro {
    background-position: -224px -110px
}

.react-tel-input .rs {
    background-position: -240px -110px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .rw {
    background-position: -16px -121px
}

.react-tel-input .sa {
    background-position: -32px -121px
}

.react-tel-input .sb {
    background-position: -48px -121px
}

.react-tel-input .sc {
    background-position: -64px -121px
}

.react-tel-input .sd {
    background-position: -80px -121px
}

.react-tel-input .se {
    background-position: -96px -121px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .sh {
    background-position: -128px -121px
}

.react-tel-input .si {
    background-position: -144px -121px
}

.react-tel-input .sk {
    background-position: -160px -121px
}

.react-tel-input .sl {
    background-position: -176px -121px
}

.react-tel-input .sm {
    background-position: -192px -121px
}

.react-tel-input .sn {
    background-position: -208px -121px
}

.react-tel-input .so {
    background-position: -224px -121px
}

.react-tel-input .sr {
    background-position: -240px -121px
}

.react-tel-input .ss {
    background-position: 0 -132px
}

.react-tel-input .st {
    background-position: -16px -132px
}

.react-tel-input .sv {
    background-position: -32px -132px
}

.react-tel-input .sx {
    background-position: -48px -132px
}

.react-tel-input .sy {
    background-position: -64px -132px
}

.react-tel-input .sz {
    background-position: -80px -132px
}

.react-tel-input .tc {
    background-position: -96px -132px
}

.react-tel-input .td {
    background-position: -112px -132px
}

.react-tel-input .tg {
    background-position: -128px -132px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .tj {
    background-position: -160px -132px
}

.react-tel-input .tk {
    background-position: -176px -132px
}

.react-tel-input .tl {
    background-position: -192px -132px
}

.react-tel-input .tm {
    background-position: -208px -132px
}

.react-tel-input .tn {
    background-position: -224px -132px
}

.react-tel-input .to {
    background-position: -240px -132px
}

.react-tel-input .tr {
    background-position: 0 -143px
}

.react-tel-input .tt {
    background-position: -16px -143px
}

.react-tel-input .tv {
    background-position: -32px -143px
}

.react-tel-input .tw {
    background-position: -48px -143px
}

.react-tel-input .tz {
    background-position: -64px -143px
}

.react-tel-input .ua {
    background-position: -80px -143px
}

.react-tel-input .ug {
    background-position: -96px -143px
}

.react-tel-input .us {
    background-position: -112px -143px
}

.react-tel-input .uy {
    background-position: -128px -143px
}

.react-tel-input .uz {
    background-position: -144px -143px
}

.react-tel-input .va {
    background-position: -160px -143px
}

.react-tel-input .vc {
    background-position: -176px -143px
}

.react-tel-input .ve {
    background-position: -192px -143px
}

.react-tel-input .vg {
    background-position: -208px -143px
}

.react-tel-input .vi {
    background-position: -224px -143px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .vu {
    background-position: 0 -154px
}

.react-tel-input .wf {
    background-position: -16px -154px
}

.react-tel-input .ws {
    background-position: -32px -154px
}

.react-tel-input .ye {
    background-position: -48px -154px
}

.react-tel-input .za {
    background-position: -64px -154px
}

.react-tel-input .zm {
    background-position: -80px -154px
}

.react-tel-input .zw {
    background-position: -96px -154px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input .form-control {
    position: relative;
    font-size: 14px;
    letter-spacing: .01rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    line-height: 25px;
    height: 35px;
    width: 300px;
    outline: none
}

.react-tel-input .form-control.invalid-number,
.react-tel-input .form-control.invalid-number:focus {
    background-color: #faf0f0;
    border: 1px solid #d79f9f;
    border-left-color: #cacaca
}

.react-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    background-color: #f5f5f5;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px
}

.react-tel-input .flag-dropdown:focus,
.react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .flag-dropdown.invalid-number {
    border-color: #d79f9f
}

.react-tel-input .flag-dropdown.open {
    z-index: 2
}

.react-tel-input .flag-dropdown.open,
.react-tel-input .flag-dropdown.open .selected-flag {
    background: #fff;
    border-radius: 3px 0 0 0
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.react-tel-input .selected-flag {
    outline: none;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px;
    border-radius: 3px 0 0 3px
}

.react-tel-input .selected-flag:focus,
.react-tel-input .selected-flag:hover {
    background-color: #fff
}

.react-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.react-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.react-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.react-tel-input .country-list {}

.iti__country-list {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .35);
    background-color: #fff;
    width: 300px !important;
    max-height: 200px;
    overflow-x: scroll;
    border-radius: 0 0 3px 3px
}

.react-tel-input .country-list .flag {
    display: inline-block
}

.react-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.react-tel-input .country-list .country {
    padding: 7px 9px
}

.react-tel-input .country-list .country .dial-code {
    color: #6b6b6b
}

.react-tel-input .country-list .country.highlight,
.react-tel-input .country-list .country:hover {
    background-color: #f1f1f1
}

.react-tel-input .country-list .flag {
    margin-right: 7px;
    margin-top: 2px
}

.react-tel-input .country-list .country-name {
    margin-right: 6px
}

.react-tel-input .country-list .search {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 10px 0 6px 10px
}

.react-tel-input .country-list .search-emoji {
    font-size: 15px
}

.react-tel-input .country-list .search-box {
    border: 1px solid #cacaca;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    margin-left: 6px;
    padding: 3px 8px 5px;
    outline: none
}

.react-tel-input .country-list .no-entries-message {
    padding: 7px 10px 11px;
    opacity: .7
}

.react-tel-input .invalid-number-message {
    color: #de0000
}

.react-tel-input .invalid-number-message,
.react-tel-input .special-label {
    position: absolute;
    z-index: 1;
    font-size: 13px;
    left: 46px;
    top: -8px;
    background: #fff;
    padding: 0 2px
}

.react-tel-input .special-label {
    display: none;
    white-space: nowrap
}  
                                /* Submenu (Right Side) */
                                .submenu {
                                    display: none;
                                    position: absolute;
                                    top: 0;
                                    left: 150px;
                                    /* Opens to the RIGHT SIDE */
                                    background: #000a0d;
                                    width: 150px;
                                    border-radius: 5px;
                                    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
                                }

                                .submenu a {
                                    display: block;
                                    padding: 12px;
                                    color: #ffffff;
                                    border-bottom: 1px solid #343434;
                                }

                                /* Show submenu on hover */
                                .dropdown-content .has-submenu:hover .submenu {
                                    display: block;
                                }

                                .nav-links {
                                    display: flex;
                                    gap: 20px;
                                    margin-top: 20px;
                                    align-items: center;
                                }

                                .nav-links a {
                                    text-decoration: none;
                                    color: #ffffff;
                                    font-size: 13px;
                                    letter-spacing: 0.5px;
                                    text-transform: uppercase;

                                }

                                /* Dropdown */
                                .dropdown {
                                    position: relative;
                                }

                                .dropdown-content {
                                    display: none;
                                    position: absolute;
                                    top: 25px;
                                    width: 150px;
                                    left: 0;
                                    background: #000a0d;
                                    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                                    border-radius: 5px;
                                }

                                .dropdown-content a {
                                    display: block;
                                    padding: 12px;
                                    text-transform: uppercase;
                                    color: #ffffff;
                                    border-bottom: 1px solid #343434;
                                }

                                .dropdown:hover .dropdown-content {
                                    display: block;
                                }


                                .nav-links .active {
                                    color: #cb9a34 !important;
                                    font-weight: 500;
                                }

                                /* Responsive */
                                @media (max-width:576px) {
                                    .nav-links {
                                        padding: 30px;
                                        display: grid;
                                    }

                                    .hamburger {
                                        display: block;
                                    }
                                }
                           .containeres {

margin: 50px auto;

/* display: flex; */

gap: 40px;

align-items: flex-start;
}

/* LEFT SECTION – PREMIUM CARD */
.left-section {
    /* width: 68%; */
    background: #ffffff;
    padding: 45px;
    border-radius: 18px;
    border: 1px solid rgba(255, 215, 0, 0.25); /* soft gold border */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

/* PREMIUM HEADING */
.left-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #3a3013;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
    position: relative;
}

.left-section h2::after {
    content: "";
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #d4a84c, #f5d77f);
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 4px;
}

/* ARTICLE TEXT */
.left-section p {
    font-size: 15px;
    line-height:25px;
    color: #4a4a4a;
    margin-bottom:10px;
}

/* SIDEBAR - LUXURY BOX */
.sidebar {
    width: 30%;
    position: sticky;
    top: 30px;
    height: fit-content;
}

.sidebar-box {
    background: #ffffff;
    padding: 28px;
    margin-bottom: 25px;
    border-radius: 16px;
    border: 1px solid rgba(212, 168, 76, 0.3);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.07);
    transition: 0.3s ease;
}

.sidebar-box:hover {
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

/* SIDEBAR TITLES */
.sidebar-box h3 {
    font-size:20px;
    font-weight: 700;
    color: #3a3013;
    margin-bottom: 12px;
}

/* SIDEBAR TEXT */
.sidebar-box p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* GOLD BUTTONS */
.share-buttons a {
    display: inline-block;
    margin-right: 0px;
    padding: 8px 16px;
    background: linear-gradient(90deg, #e4b656, #c89d3a);
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.share-buttons a:hover {
    opacity: 0.85;
}

/* RESPONSIVE DESIGN */
@media(max-width: 900px) {
    .containeres {
        flex-direction: column;
    }

    .left-section, .sidebar {
        width: 100%;
    }

    .sidebar {
        position: relative;
        top: 0;
    }

    .left-section {
        padding: 20px;
    }
}/* BLOG CONTENT BLOCK */
.blog-block{
   
    padding:10px;
   
}


/* HEADINGS */
.blog-block h2{
    font-size:20px;
    margin-bottom: 20px;
    color:#222;
    margin-bottom:12px;
    font-weight:700;
}

.blog-block h3{
    font-size:20px;
    margin-bottom:10px;
    color:#333;
    font-weight:600;
}

/* PARAGRAPH */
.blog-block p{
    font-size:17px;
    color:#444;
    line-height:1.7;
    margin-bottom:12px;
}

/* UL STYLING */
.blog-block ul{
    padding-left:20px;
    margin-bottom:15px;
}

.blog-block ul li{
    margin-bottom:8px;
    font-size:16px;
    color:#333;
}

/* TABLE DESIGN */
.investment-table{
    width:100%;
    border-collapse:collapse;
    margin:15px 0;
    color: black;
    font-size: 15px;
}

.investment-table td{
    padding:10px;
    border-bottom:1px solid #ddd;
    color:#333;
}

.investment-table tr:hover td{
    background:#f3f7ff;
}




.housing-popup-content {
    position: relative;
}

.housing-popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 35px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2000;
    transition: 0.3s;
}

.housing-popup-close:hover {
    background: rgba(255,255,255,0.9);
    color: #000;
}

    .material-section {
    padding: 40px 0;
   
}

.table-title {
    text-align: center;
    font-size: 20px;
   color: black;font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 30px;
    animation: fadeIn 1.5s ease-out;
}

.table-title span {
    font-size: 15px;
    display: block;
    margin-top: 5px;
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    animation: slideUp 1.2s ease-out;
}

.material-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
    background: #f7f7f7;color: black;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: hidden;
}

.material-table th {
    background: #222;
    color: #fff;
    padding: 14px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.material-table td {
    padding: 12px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    transition: .3s;
}

.material-table tr:hover {
    background: #00000038;1;
    color: white;
    transform: scale(1.01);
    transition: .3s;
}

/* Animations */
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 768px) {
    .table-title { font-size: 26px; }
}
/* Section Background */
.interior-section {
    padding: 50px 0;
    background: #f8f8f8;
}

/* Title */
.interior-title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
    color: #222;
}

/* Table Container */
.interior-table {
    width: 100%;
    overflow-x: auto;
    padding: 0 10px;
}

/* Table */
.interior-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    border-radius: 10px;
    overflow: hidden;
}

/* Table Header */
.interior-table thead th {
    background: #1f1f1f;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #444;
    text-align: center;
}

.interior-table thead th:last-child {
    border-right: none;
}

/* Table Rows */
.interior-table tbody td {
    padding: 12px 15px;
    color: black;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
}

.interior-table tbody tr:nth-child(even) td {
    background: #fafafa;
}

.interior-table tbody td:last-child {
    border-right: none;
}

/* Center Columns */
.interior-table tbody td:nth-child(1),
.interior-table tbody td:nth-child(2) {
    text-align: center;
    font-weight: 600;
}
.interior-table-title
{
    color: black;  text-align: center;font-size: 20px;margin-bottom: 20px;
}
/* Hover Effect */
.interior-table tbody tr:hover td {
    background: #f0f0f0;
    transition: 0.3s ease-in-out;
}

/* Rounded Bottom Border */
.interior-table tbody tr:last-child td {
    border-bottom: none;
}

/************ Responsive ************/
@media (max-width: 768px) {
    .interior-title {
        font-size: 22px;
    }

    .interior-table table {
        font-size: 12px;
    }

    .interior-table tbody td,
    .interior-table thead th {
        padding: 8px;
    }
}

/************ AOS Smooth Animation ************/
.interior-table[data-aos] {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease;
}

.interior-table.aos-animate {
    opacity: 1;
    transform: translateY(0);
}
/* Section Background */
.furniture-section {
    padding: 50px 0;color: #000;
    background: #f7f7f7;
}

/* Title */
.furniture-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
   
    margin-bottom: 20px;
   
    color: #222;
}

/* Table Container */
.furniture-table {
    width: 100%;
    overflow-x: auto;
    padding: 0 10px;
}

/* Table */
.furniture-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

/* Table Header */
.furniture-table thead th {
    background: #1f1f1f;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #444;
    text-align: center;
}

.furniture-table thead th:last-child {
    border-right: none;
}

/* Rows */
.furniture-table tbody td {
    padding: 12px 15px;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
}

.furniture-table tbody tr:nth-child(even) td {
    background: #fafafa;
}

.furniture-table tbody td:last-child {
    border-right: none;
}

/* Centered first 2 columns */
.furniture-table tbody td:nth-child(1),
.furniture-table tbody td:nth-child(2) {
    text-align: center;
    font-weight: 600;
}

/* Hover Effect */
.furniture-table tbody tr:hover td {
    background: #f0f0f0;
    transition: 0.3s ease-in-out;
}

/* Responsive */
@media (max-width: 768px) {
    .furniture-title {
        font-size: 22px;
    }

    .furniture-table table {
        font-size: 12px;
    }

    .furniture-table tbody td,
    .furniture-table thead th {
        padding: 8px;
    }
}

/************ AOS Smooth Animation ************/
.furniture-table[data-aos] {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease;
}

.furniture-table.aos-animate {
    opacity: 1;
    transform: translateY(0);
}

  /* Overlay background */
    .housing-popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1000;
        justify-content: center;
        align-items: center;
        opacity: 0;
        animation: housing-fade-in 0.7s forwards ease-out;
    }

    /* Popup box */
    .housing-popup-content {
        border-radius: 8px;
        max-width: 800px;
        width: 90%;
        text-align: center;
        position: relative;
        overflow: hidden;
        transform: translateY(-100px);
        opacity: 0;
        animation: housing-slide-down 0.7s forwards ease-out;
    }

    /* Close button */
    .housing-popup-close-btn {
        color: #ffffff;
        background: #7a5070;
        padding: 5px 10px;
        font-size: 22px;
        font-weight: bold;
        cursor: pointer;
        float: right;
        position: absolute;
        right: 10px;
        top: 10px;
        border-radius: 4px;
        z-index: 999;
    }

    /* Fade effect */
    @keyframes housing-fade-in {
        to {
            opacity: 1;
        }
    }

    /* Slide down effect */
    @keyframes housing-slide-down {
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }.gallery-slider-container {
    width: 100%;
    margin-top: 80px;
  
    overflow: hidden;   /* Prevent Overflow */
}

.gallery-slider-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Images fit perfectly */
}

/* Mobile height */
@media (max-width: 576px) {
    .gallery-slider-container {
        height: 40vh;   /* Smaller height for mobile */
        margin-top: 0px;
    }
}

.floor-plan img{
   width: 100%;object-fit: contain;
   height: 400px;
}


.phone-input input {
    padding-left: 35px; /* space for flag */
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* Optional: prevent entering non-numeric characters */
.phone-input input::-webkit-inner-spin-button,
.phone-input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.enquire-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.enquire-popup-content {
    background: #000000;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.enquire-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;background-color: #055262;padding: 2px 10px;
    font-size: 24px;
    cursor: pointer;
}

.enquire-popup-content h2 {
    margin-bottom: 20px;
    font-size: 24px;
}



.enquire-popup-content form input,
.enquire-popup-content form textarea {
    width: 100%;
    padding: 10px 8px; background-color: black;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.enquire-popup-content form button {
    background: #865d1d;
    color: #fff;
    padding: 10px 40px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
@media(max-width:576px){
    .Modal .menuModalInner {
    z-index: 50;
    height:100%;
    width: 100% !important;
    background-color: rgb(0 10 13 / var(--tw-bg-opacity));
}.containeres {
    margin: 17px auto;
}



.left-section h2 {
    font-size: 17px;}


}/* MOBILE VIEW FIX */
@media(max-width: 768px) {

    #menuModal .nav-links {
       
        width: 100%;
        padding: 10px 20px;
        overflow-y: auto;
        max-height: calc(100vh - 100px);
    }

    #menuModal .dropdown {
        width: 100%;
        position: relative;
    }

    #menuModal .dropdown-content {
        position: relative !important;
        display: none;
        /* padding-left: 5px; */
    }

    #menuModal .dropdown.open .dropdown-content {
        display: block !important;
    }

    /* Submenu fix */
    #menuModal .submenu {
        display: none;
        flex-direction: column;
        padding-left: 0px !important;
    }

    #menuModal .submenu.visibles {
        display: flex !important;
    }
    .logoNew img {
    width: 77px;
}
}


.gallery-item img{
    width: 100%;
    height: 200px;
}

@media(max-width:576px){

.check-list img{
    width:25px !important;
    height: 25px;
}
}.contact-list {
    position: fixed;
    bottom: 20px;
    right: 0px;
    display: flex;
    border-radius: 25px 0px 0px 25px;
    flex-direction: column;
    z-index: 98;
}

.contact-list a i {
    color: rgb(255, 255, 255);
}

.contact-list a {
    background: rgb(0 0 0 / 18%);
    backdrop-filter: blur(10px);
    margin-bottom: 10px;
    border-radius: 25px 0px 0px 25px;
    width: 70px;
    height: 35px;
    text-align: center;
    margin-top: 0px;
    transition: transform 0.3s ease-in-out;
    line-height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-around;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-image: initial;
    border-right: none;
    cursor: pointer;
    text-decoration: none;
}

.contact-list a:hover {
    transform: translateX(10px);
}


.banner img{
    margin-top: 80px;
}/* MOBILE VILLA SUBMENU FIX */
#menuModal .has-submenu .submenu {
    display: none;
    padding-left: 15px;
}

#menuModal .has-submenu.open .submenu {
    display: block;
} .submenu-toggle {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                cursor: pointer;

                                user-select: none;
                                /* Prevent text selection when clicking */
                            }

                            .submenu-icon {
                                margin-left: 8px;
                                font-size: 19px;
                                transition: transform 0.3s ease;
                            }

                            /* Rotate icon when submenu is open */
                            .submenu-toggle.open .submenu-icon {
                                transform: rotate(180deg);

                            }

                            /* Submenu styling */
                            .submenu {
                                margin-top: 10px;
                                display: none;
                                flex-direction: column;
                            }

                            .submenu-item {
                                padding: 10px 0;
                                color: #cacaca;
                                /* Adjust color as needed */
                                text-decoration: none;
                            }

                            .hiddenes {
                                display: none;
                            }

                            .visibles {
                                display: flex;
                            }